<template>
	<view class="JI_LU_detail">
		<view v-for="(item,index) in list" :key='index'>
			<view class="one">
				<text>{{item.name}}</text>
				<text>{{item.gender}}</text>
				<text>{{item.phone}}</text>
			</view>
			<view>
				<text>出生日期:</text>
				<text>{{item.birthday}}</text>
			</view>
			<view>
				<text>体检日期:</text>
				<text>{{item.appoint_time}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[]
			};
		},
		onLoad(o) {
			console.log( JSON.parse(decodeURIComponent(o.db)) );
			this.list = JSON.parse(decodeURIComponent(o.db))
		}
	}
</script>

<style lang="scss">
	.JI_LU_detail{
		width: 95%;
		margin: 10rpx auto;
		
		border-radius: 20rpx;
		>view{
			background-color: #FFFFFF;
			// display: flex;
			// align-items: center;
			// justify-content: space-between;
			padding: 20rpx;
			border-radius: 20rpx;
			margin-bottom: 20rpx;
			border-bottom: 1px solid rgba(0,0,0,.05);
			.one{
				padding-bottom: 15rpx;
				margin-bottom: 15rpx;
				border-bottom: 1px solid rgba(0,0,0,.1);
			}
			text{
				margin-right: 20rpx;
			}
		}
	}
</style>
